<template>
	

  <view class="login-container">
    <view class="input-group">
      <input v-model="username" placeholder="请输入用户名" class="input" />
    </view>
    <view class="input-group">
      <input v-model="password" type="password" placeholder="请输入密码" class="input" />
    </view>
    <view class="btn-container">
      <button @click="login" class="button">登录</button>
    </view>
    <view class="register-link">
      <text @click="goToRegister">还没有账号？去注册</text>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      password: '',
	  
	  // username: '',
	  //       password: '',
	  //       role: 'User', // 默认角色为普通用户
	  //       permissions: [] // 默认没有权限
    };
  },
  methods: {
	  
	 //  checkPermissions() {
		// const userRole = this.$store.getters.getUserRole; // 获取用户角色
		// const userPermissions = this.$store.getters.getUserPermissions; // 获取用户权限
  
		// if (userRole === 'Admin' && userPermissions.includes('view') && userPermissions.includes('edit') && userPermissions.includes('delete') && userPermissions.includes('approve')) {
		//   this.hasPermission = true; // 如果有所有权限，允许访问
		// } else {
		//   this.hasPermission = false; // 没有权限，进行处理
		//   uni.showToast({
		// 	title: '权限不足',
		// 	icon: 'none'
		//   });
		//   setTimeout(() => {
		// 	uni.navigateTo({
		// 	  url: '/pages/login/login' // 跳转到登录页
		// 	});
		//   }, 1000);
		// }
	 //  }
	 //  //     login() {
	  //       // 假设登录成功，根据角色分配权限
	  //       let userInfo = {
	  //         username: this.username,
	  //         role: this.role,
	  //         permissions: []
	  //       };
	        
	  //       if (this.role === 'Admin') {
	  //         userInfo.permissions = ['view', 'edit', 'delete', 'approve']; // 管理员权限
	  //       } else {
	  //         userInfo.permissions = ['view']; // 普通用户权限
	  //       }
	  
	  //       this.$store.dispatch('login', userInfo); // 存储用户信息到 Vuex
	  //       if (this.role === 'Admin') {
	  //         this.$router.push('/admin-dashboard'); // 跳转到管理员仪表盘
	  //       } else {
	  //         this.$router.push('/user-dashboard'); // 跳转到普通用户仪表盘
	  //       }
	  //     }
    login() {
      // 简单模拟登录操作
      if (this.username && this.password) {
        uni.setStorageSync('userInfo', { username: this.username });
        uni.redirectTo({ url: '/pages/personal/personal' }); // 登录成功后跳转到个人页面
      } else {
        uni.showToast({
          title: '请输入用户名和密码',
          icon: 'none',
        });
      }
    },
    goToRegister() {
      uni.navigateTo({ url: 'register' }); // 跳转到注册页面
    }
  }
};
</script>



<style scoped>
.login-container {
  padding: 30px;
}
.input-group {
  margin-bottom: 20px;
}
.input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.button {
  width: 100%;
  background-color: #007AFF;
  color: white;
  border-radius: 5px;
  border: none;
  font-size: 16px;
}
.register-link {
  margin-top: 10px;
  text-align: center;
}
.register-link text {
  color: #007AFF;
}
</style>
